const list = [
  { id: 1001, name: "Vue" },
  { id: 1002, name: "React" },
  { id: 1003, name: "Angular" },
];
//在 jsx 里面 遍历数组需要使用到原生js的map方法
//在JSX中可以使用原生js种的map方法 实现列表渲染
function App() {
  return (
    <ul>
      {list.map((item) => (
        <li key={item.id}>{item.name}</li>
      ))}
      <hr></hr>
      {list.map((v) => (
        <li key={v.id}>{v.name}</li>
      ))}
    </ul>
  );
}

export default App;
